<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>焦点</title>
  <link rel="stylesheet" href="./index.css">
</head>

<body id="aquamarine">
  <!-- <div class="focusSwitch">
        <div class="focusMarquee focusMarqueeX" id="mqueeaa1">
            哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
        </div>
        <div class="focusMarquee focusMarqueeX" id="mqueeaa2">
            哈哈哈哈哈哈<span style="color: blue;">哈哈哈哈哈哈哈哈哈哈哈</span>哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
        </div>
        <div class="focusMarquee focusMarqueeX" id="mqueeaa3">
            哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
        </div>
        <div class="focusMarquee focusMarqueeX" id="mqueeaa4">
            哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
        </div>
        <div class="focusMarquee focusMarqueeY" id="focusMarqueeY" marqueedir="Y">
            哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
        </div>
    </div> -->
  <div class="detail-page" id="detailPage">
    <div class="focusSwitch" id="switchPage" f-focu2sid="quanping">
      <div class="right-label">本视频版权来源于腾讯视频/极光TV</div>
      <div class="content">
        <div class="focusWidget play-wid"></div>
        <div class="texts">
          <div class="title" id="qinyunian">
            庆余年第二季庆余年第二季庆余年第二季庆余年第二季
          </div>
          <div class="actor">主演：人民群众</div>
          <div class="jianjie">简介：该剧讲述了内卫府大阁领沈渡与刑部小书吏颜幸，因为一场乌龙替嫁再续前缘，先婚后爱携手破案的故事。</div>
          <!-- <img aria-flowto="" class="focusWidget banner"
            src="http://10.5.2.17:3357/EPG/jsp/images/universal/film/poster/202409/20240909/60/202409090831071259ie.png" /> -->
          <div class="focusBox btn-list" id="btnlist" f-cache="quanping">
            <div class="focusWidget btn-item" id="quanping" onblur="onLeaveBtns" onfocus="onInBtns">
              <div class="focusMarquee">全屏-全屏-全屏-全屏-全屏-全屏-全屏</div>
            </div>
            <div class="focusWidget btn-item" id="dinggouvip">
              <div class="focusMarquee">订购VIP-订购VIP-订购VIP-订购VIP-订购VIP-订购VIP-订购VIP</div>
            </div>
            <div class="focusWidget btn-item">收藏</div>
            <div class="focusWidget btn-item" onenter="focus.onPopup('switchDialog', true)">分享</div>
          </div>
        </div>
      </div>
      <div class="xj-title">
        <div class="xj-item">选集</div>
        <div class="xj-item">共40集</div>
      </div>
      <div class="focusBox xuanji" id="xuanjiBox" f-cache="xuanji1">
        <div class="focusWidget xuanji-item" id="xuanji1"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji2"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji3"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji4"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji5"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji6"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji7"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji8"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji9"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
        <div class="focusWidget xuanji-item" id="xuanji10"><div class="focusMarquee">滚动滚动滚动滚动滚动滚动滚动滚动滚动</div></div>
      </div>
      <div class="focusVirtual focusBox" f-totalsize="10000" f-cachesize="300" f-curindex="10" f-cache="range-10"
        f-scroll="X" oncreateitem="createItem">
      </div>
    </div>
    <div class="focusSwitch dialog" f-type="popup" onback="focus.onPopup('switchDialog', false)" id="switchDialog">
      <div class="dialog-content">
        <div class="dialog-btns">
          <div class="focusWidget btn-item" onenter="focus.onPopup('switchDialog', false)">确认</div>
          <div class="focusWidget btn-item" onenter="focus.onPopup('switchDialog', false)">取消</div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="../focus2.2.js"></script>
<script>
  function createItem(i) {
    return {
      html: '<div class="focusWidget range-item" pageindex="0" onfocus="setPage" id="range-' + i + '">' + i + '</div>'
    }
  }
  var framework = new LyFocusFrame("detailPage");
  framework.Utils.marquee.start("qinyunian")
  function onXj1Up(e) {
    console.log(e);
  }
  function onLeaveBtns(ev) {
    console.log(ev, "leave");

  }
  function onInBtns(ev) {
    console.log(ev, "in");

  }
  function onMarqueeTop(e){
    console.log(e);
    return "dinggouvip"
  }
</script>

</html>